*{margin: 0px;padding: 0px;}
a{text-decoration: none;color: #CCCCCC;}
li{list-style: none;}
#top_par{
    width: 100%;height: 40px;
    background: #D91756;
    #top_center{
        width: 1190px;height: 40px;
        margin: 0 auto;
        line-height: 40px;
        font-size: 12px;
        .top_left{
            width: 700px;height: 40px;
            float: left; 
            img{
                width: 150px;height: 150px;
            }
            p{
                width: 156px;height: 40px;
                float: left;
                margin-right: 15px;
                color: #FFFFFF;
            } 
            .doov_app{
                width: 141px;height: 40px;
                float: left;
                margin-right: 15px;
                color: #FFFFFF;
                position: relative;
                z-index: 10;
                &:hover .doov_erweima{
                    display: block;
                }
                .doov_erweima{
                    width: 150px;height: 150px;
                    border: 1px solid #CCCCCC;
                    position: absolute;
                    top: 60px;
                    right: 30px;
                    z-index: 9;
                    display: none;
                }
            }
            .doov_wx{
                width: 108px;height: 40px;
                float: left;
                color: #FFFFFF;
                position: relative;
                z-index: 10;
                &:hover .doov_wxma{
                    display: block;
                }
                .doov_wxma{
                    width: 150px;height: 150px;
                    border: 1px solid #CCCCCC;
                    position: absolute;
                    top: 60px;
                    right: -5px;
                    z-index: 9;
                    display: none;
                }
            }
        }
        .top_right{
            width: 210px;height: 40px;
            float: right;
            li{float: left;}
            span{padding: 0px 5px;color: #FFFFFF;}
            a{color: #FFFFFF;}
            .login{
                width: 60px;height: 40px;
                background: url(../images/kefu.png) no-repeat 6px 4px;
                text-align: right;
            }
            .car{
                width: 100px;height: 40px;
                text-align: right;
                background: url(../images/car.png) no-repeat 12px 6px;
                float: right;
            }
        }
    }
}

#logo{
    width: 100%;height: 70px;
    #logo_center{
        width: 1190px;height: 70px;
        margin: 0 auto;
        .logo_tp{
            width: 200px;height: 70px;
            line-height: 80px;
            float: left;
        }
        .logo_classify{
            width: 520px;height: 70px;
            float: left;
            margin-left: 60px;
            li{
                width: 60px;height: 70px;
                float: left;
                line-height: 70px;
                font-size: 14px;
                text-align: center;
                padding: 0px 12px;
                a{
                    color: #000000;
                    &:hover{
                        color: #F73078;
                    }
                }
            }
        }
        .search{
            width: 250px;height: 70px;
            float: right;
            .search_form{
                position:relative;
                height:40px;
                margin-top:15px;
            .search_text{
                border:1px solid #C164A5;
                border-right: 0px;
                border-radius: 5px 0px 0px 5px;
                width: 200px;
                height: 35px;
                line-height: 48px;
                padding: 0 10px;
                font-size: 14px;
                position: absolute;
                top: 0px;
                right: 40px;
                }
            .search_sub{
                width: 40px;
                height: 37px;
                border: 1px solid #C164A5;
                border-radius: 0px 5px 5px 0px;
                border-left: 0px;
                padding: 0px 6px;
                position: absolute;
                top: 0px;
                right: 0px;
                background: url(../images/fangdajing.png);
                background-repeat: no-repeat;
                background-position: 8px 5px;
                background-color: #fff;
                cursor: pointer;
                }
            }
        }
    }
}

#details{
    width: 100%;
    background: #F0F0F0;
    .details_index{
        width: 1190px;height: 40px;
        margin: 0 auto;
        a{
            display: inline-block;
            width: 40px;height: 40px;
            line-height: 40px;
            text-align: center;
            color: #666666;
            font-size: 12px;
            &:hover{
                color: #F73078;
            }
        }
        span{
            font-size: 12px;
            padding: 0px 5px;
        }
    }
    .details_tp{
        width: 1190px;height: 610px;
        border: 1px solid #DDDDDD;
        margin: 0 auto;
        .left{
            width: 505px;
            background: #A3A3A3;
            float: left;
            overflow: hidden;
            #left{
                width: 500px;height: 500px;
                border: 1px solid #CCCCCC;
                position: relative;
                float: left;
                img{
                    position: absolute;
                    width: 500px;
                    height: 480px;
                }
                #kuai{
                    width: 288px;height: 288px;
                    background: #DFDFDF;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                    opacity: 0.6;
                }
                #mo{
                    width: 500px;height: 500px;
                    position: absolute;
                    left: 0px;
                    top: 0px;
                }
            }
            #imglist{
                height: 60px;width: 500px;
                float: left;
                overflow: hidden;
                padding:0px;
                position: relative;
                margin-top: 20px;
                i{
                    width: 20px;
                    text-align: center;
                    height: 60px;
                    line-height: 60px;
                    display: block;
                    position: absolute;
                    cursor: pointer;
                    z-index: 2;
                    .i_left{
                        font-size: 25px; 
                        left:0px; 
                        top:0px;
                    }
                    .i_right{
                        right:0px;
                        top:0px;
                        font-size: 20px;
                    }
                }
                .ul_list{
                    width: 300px;height: 60px;
                    overflow: hidden;
                    margin-left: 25px;
                    position: relative;
                }
                #lis{
                    width: 260px;height: 60px;
                    margin: 0px;
                    padding: 0px;
                    position: absolute;
                    left:0px;
                    top:0px;
                    li{
                        width: 60px;height: 60px;
                        float: left;
                        text-align:left;
                        img{
                            border:2px #fff solid;
                            &:hover{
                                border:2px #f00 solid;
                            }
                        }
                    }
                }
            }
        }
        #right{
            border: 1px solid black;
            width: 500px;height: 500px;
            float: left;
            overflow: hidden;
            position: relative;
            margin-left: 20px;
            display: none;
            img{
                position: absolute;
                left: 0px;
                top: 0px;
            }
        }
        .details_right{
            width: 600px;
            float: right;
            clear: right;
            h1{
                line-height: 30px;
                color: #414141;
                font-size: 20px;
                font-weight: bold;
                padding-bottom: 20px;
                border-bottom: 1px solid #c8c8c8;
                margin-bottom: 15px;
            }
            span{
                margin-right: 10px;
                color: #999999;
            }
            del{
                color: #888888;
                text-decoration: line-through;
                font-weight: bold;
            }
            a{
                display: inline-block;
                padding: 2px 4px;
                color: #FFFFFF;
                background: #F07373;
                height: 23px;
                line-height: 23px;
                margin-top: 5px;
            }
            dl{
                line-height: 34px;
                clear: both;
                dt{
                    width: 60px;
                    float: left;
                    margin-right: 8px;
                    color: #333333;
                    white-space: nowrap;
                }
                dd{
                    float: left;
                    margin-right: 10px;
                    strong{
                        color: #f73078;
                        font-size: 24px;
                    }
                }
            }
        }
        .action{
            width: 593px;
            line-height: 34px;
            float: right;
            clear: right;
            padding: 2px;
            margin-bottom: 10px;
            color: #333333;
            position: relative;
            left: -5px;
            .action_q{
                overflow: hidden;
                line-height: 18px;
                padding: 0px 0px 30px;
                dt{
                    width: 60px;
                    float: left;
                    margin-right: 8px;
                    color: #333;
                    text-align: left;
                    white-space: nowrap;
                }
                dd{
                    float: left;
                    margin-right: 4px;
                    input{
                        width: 60px;
                        height: 40px;
                        color: #a0a0a0;
                        text-align: center;
                        border: 1px solid #a0a0a0;
                        outline: none;
                    }
                    div{
                        display: inline-block;
                        height: 42px;
                        width: 30px;
                        vertical-align: top;
                        position: relative;
                    }
                }
                .inc,.dec{
                    position: absolute;
                    background-color: #fff;
                    border: 1px solid #a0a0a0;
                    height: 40%;
                    cursor: pointer;
                    left: 0;
                    width: 100%;
                }
                .inc{
                    top: 0px;
                    background: url(../images/shan.jpg) no-repeat center;
                }
                .dec{
                    bottom: 0px;
                    background: url(../images/xiashan.jpg) no-repeat center;
                }
            }
        }
    }
    .par{
        width: 1190px;height: 36px;
        margin: 20px auto;
        border: 1px solid #DDDDDD;
        background: #F5F5F5;
        li{
            height: 36px;line-height: 36px;
            padding: 0px 20px;
            float: left;
            border-right: 1px solid #DDDDDD;
            border-left: 1px solid #FFFFFF;
            a{
                color: #666666;
                &:hover{
                    color: #FF6600;
                }
            }
        }
    }
    .par_title{
        width: 1190px;height: 34px;
        line-height: 34px;
        border-bottom: 2px solid #d7d7d7;
        margin-bottom: 10px;
        margin: 0 auto;
        strong{
            display: block;
            float: left;
            height: 34px;
            border-bottom: 2px solid #FF9900;
            text-align: center;
            color: #666666;
            font-weight: bold;
            padding: 0px 20px;
            font-size: 14px;
            font-family: "微软雅黑";
        }
    }
    .shangpin_tp{
        width: 1190px;
        margin: 10px auto;
        overflow: hidden;
        img{
            margin-top: -4px;
        }
    }
//  .canshu{
//      width: 100%;
//      line-height: 34px;
//      .canshu_jie{
//          width: 1190px;height: 34px;
//          border-bottom: 2px solid #d7d7d7;
//          margin-bottom: 10px;
//          margin: 0 auto;
//      }
//      strong{
//          display: block;
//          float: left;
//          height: 34px;
//          border-bottom: 2px solid #FF9900;
//          text-align: center;
//          color: #666666;
//          font-weight: bold;
//          padding: 0px 20px;
//          font-size: 14px;
//          font-family: "微软雅黑";
//      }
//      .xiangqing{
//          width: 100%;
//          line-height: 30px;       
//          .table{
//              width: 1190px;
//              margin: 10px auto;
//              overflow: hidden;
//              th{
//                  display: inline-block;
//                  width: 120px;
//                  padding: 0px 10px;
//                  font-weight: normal;
//                  border: 1px solid #e4e4e4;
//                  border-top: none;
//                  color: #666666;
//                  text-align: right;
//              }
//              td{
//                  display: inline-block;
//                  width: 1027px;
//                  border: 1px solid #e4e4e4;
//                  border-top: none;
//                  border-left: none;
//                  color: #666666;
//                  padding: 0px 10px;
//              }
//              .group{
//                  width: 1168px;
//                  font-size: 14px;
//                  text-align: left;
//                  background: #f1f1f1;
//                  border-top: 1px solid #e4e4e4;
//              } 
//          }
//      }     
//  }
    .jianjie{
        width: 1190px;height: 155px;
        margin: 0 auto;
        .jianjie_top{
            width: 1190px;height: 70px;
            border: 1px solid #E4E4E4;
            .lun{
                display: inline-block;
                margin-left: 10px;
                margin-top: 10px;
                color: #737373;
                font-size: 14px;
                font-weight: bold;
            }
            .wu{
                font-size: 14px;
                margin-top: 15px;
                margin-left: 10px;
                color: #888888;
                a{
                    color: #666666;
                    &:hover{
                        color: #FF6600;
                    }
                }
            }
        }
        .jianjie_xia{
            width: 1190px;height: 70px;
            border: 1px solid #E4E4E4;
            margin-top: 10px;
            .lun{
                display: inline-block;
                margin-left: 10px;
                margin-top: 10px;
                color: #737373;
                font-size: 14px;
                font-weight: bold;
            }
            .wu{
                font-size: 14px;
                margin-top: 15px;
                margin-left: 10px;
                color: #888888;
                a{
                    color: #666666;
                    &:hover{
                        color: #FF6600;
                    }
                }
            }
        }
    }
}

#wrap{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    color: #333;
    background-color: #fff;
    padding: 10px 0px;
    z-index: 100;
    border-top: 1px solid #f73078;
    #continer{
        width: 1190px;
        margin: 0px auto;
        .info{
            width: 200px;height: 16px;
            font-size: 14px;
            float: left;
        }
        .total{
            width: 200px;height: 24px;
            margin-top: 10px;
            span{
                display: inline-block;
                width: 100px;height: 24px;
                font-size: 28px;
                color: #F73078;
                font-weight: bold;
            }
        }
        .buttons{
            float: right;
            margin-top: 10px;
            .add_carte{
                width: 120px;height: 40px;
                line-height: 40px;
                text-align: center;
                text-decoration: none;
                opacity: .9;
                background-color: rgb(224,38,101);
                color: #fff;
                border: 1px solid rgb(224,38,101);
                border-radius: 2px;
                cursor: pointer;
                float: left;
            }
            .mee{
                margin-left: 10px;
            }
            .collect{
                width: 120px;height: 40px;
                line-height: 40px;
                text-align: center;
                opacity: 0.9;
                background-color: #fff;
                color: #999;
                border: 1px solid #999;
                border-radius: 2px;
                cursor: pointer;
                float: left;
                margin-left: 10px;
            }
        }
    }
}

#footer{
    width: 100%;height: 114px;
    background: #DCDCDC;
    overflow: hidden;
    #footer_info{
        width: 100%;height: 64px;
        margin-top: 50px;
        .footer_info1{
            width: 100%;height: 20px;
            margin: 0 auto;
            text-align: center;
            color: #666666;
            font-size: 14px;
        }
    }
}